@use "sass:math";
@function px2rem($px) {
  @return math.div($px, 20) * 1rem;
}

.shooting-star {
  .content {
    background-color: #ffffff;
    height: px2rem(783);
    padding: 0 px2rem(40);
    display: flex;
    justify-content: center;
    align-items: center;
    color: hsl(0, 0%, 15%);
    svg {
      color: hsl(0, 100%, 87%);
      width: 80vw;
      max-width: 35rem;
      width: 100%;
      height: auto;
      display: block;
    }
    // svg#bee直接应用于具有id="bee"属性的svg元素<svg id="bee"/>
    svg#bee {
      color: hsl(0, 0%, 10%);
      position: absolute;
      width: 50px;
      height: auto;
    }
  }
}
